<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- Head 标签模板 -->
<head th:fragment="common_head(meta,title,link,style,script)">
    <!--/* Per-page placeholder for additional metas */-->
    <th:block th:replace="${meta}"/>
    <title th:replace="${title}">The awesome application</title>
    <!-- Common styles and scripts -->
    <!--<link rel="stylesheet" type="text/css" media="all" th:href="@{/assets/css/base.css}">-->
    <!--<script type="text/javascript" th:src="@{/assets/ext/jquery-3.2.1-min.js}"></script>-->
    <!--<script type="text/javascript" th:src="@{/assets/js/codergege.js}"></script>-->
    <!--/* Per-page placeholder for additional links */-->
    <th:block th:replace="${link}"/>
    <!--/* Per-page placeholder for additional style */-->
    <th:block th:replace="${style}"/>
    <!--/* Per-page placeholder for additional scripts */-->
    <th:block th:replace="${script}"/>
</head>
<body>
<th:block th:fragment="browser">
    <!--[if lt IE 8]>
    <H1 class="browserupgrade text-warning">
        你使用的浏览器 <strong>版本太低了</strong>! . 为了最佳视觉体验, 快去
        这里<a href="http://browsehappy.com/">下载最新版本的浏览器</a>吧!
    </H1>
    <![endif]-->
</th:block>
<header th:fragment="header" class="app-header">
    <a class="app-header__logo" th:href="@{/}" href="index.html">
        某系统
    </a>
    <!-- Sidebar toggle button-->
    <a class="app-sidebar__toggle" href="#" data-toggle="sidebar"
       aria-label="Hide Sidebar"></a>
    <!-- Navbar Right Menu-->
    <ul class="app-nav">
        <li class="app-search">
            <input class="app-search__input" type="search" placeholder="Search">
            <button class="app-search__button"><i class="fa fa-search"></i></button>
        </li>
        <!-- User Menu-->
        <li class="dropdown"><a class="app-nav__item" href="#" data-toggle="dropdown" aria-label="Open Profile Menu">
            <i class="fa fa-user fa-lg">
            </i>
        </a>
            <ul class="dropdown-menu settings-menu dropdown-menu-right">
                <li><a class="dropdown-item" href="page-user.html"><i class="fa fa-cog fa-lg"></i> Settings</a></li>
                <li><a class="dropdown-item" href="page-user.html"><i class="fa fa-user fa-lg"></i> Profile</a></li>
                <li><a class="dropdown-item" href="page-login.html"><i class="fa fa-sign-out fa-lg"></i> Logout</a></li>
            </ul>
        </li>
    </ul>
</header>
<div th:fragment="toggle-sidebar" class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside th:fragment="aside" class="app-sidebar">
    <!-- // tag::左边导航栏头部[] -->
    <div class="app-sidebar__user">
        <img class="app-sidebar__user-avatar"
             src=""
             th:src="@{/assets/img/codergege.jpg}"
             alt="User Image">
        <div>
            <p class="app-sidebar__user-name">波波</p>
            <p class="app-sidebar__user-designation">周五不加班, 谢谢合作!</p>
        </div>
    </div>
    <!-- // end::左边导航栏头部[] -->
    <!-- // tag::菜单[] -->
    <ul class="app-menu">
        <!-- // tag::Dashboard[] -->
        <li>
            <a class="app-menu__item active" th:href="@{/}">
                <i class="app-menu__icon fa fa-dashboard"></i>
                <span class="app-menu__label">Dashboard</span>
            </a>
        </li>
        <!-- // end::Dashboard[] -->
        <!-- // tag::G2 图表[] -->
        <li class="treeview">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-laptop"></i>
                <span class="app-menu__label">G2 图表</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <!-- // tag::二级菜单[] -->
            <ul class="treeview-menu">
                <li>
                    <!-- TODO: <2018-05-14, Codergege>: href -->
                    <a class="treeview-item" th:href="@{href}">
                        <i class="icon fa fa-circle-o"></i>
                        基本折线图
                    </a>
                </li>
            </ul>
            <!-- // end::二级菜单[] -->
        </li>
        <!-- // end::G2 图表[] -->
        <!-- // tag::其他页面[] -->
        <li class="treeview">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-file-text"></i>
                <span class="app-menu__label">其他页面</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <!-- // tag::二级菜单[] -->
            <ul class="treeview-menu">
                <li>
                    <a class="treeview-item" th:href="@{/blank}" href="blank-page.html">
                        <i class="icon fa fa-circle-o"></i> 
                        空白页
                    </a>
                </li>
            </ul>
        </li>
        // end::其他页面[]
    </ul>
    <!-- // end::菜单[] -->
</aside>
<footer th:fragment="footer" class="app-footer">
    <div class="container text-center ">
        <div class="row">
            <div class="col-md-12">
                <p class="copyright">Copyright &copy;2018 赵波</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <p class="email">Email: Codergege@163.com</p>
            </div>
        </div>
        <!--<div class="row">-->
        <!--<div class="col-md-12">-->
        <!--<p>-->
        <!--<a id="zhcn" class="btn btn-sm btn-outline-warning" href="">中文</a>-->
        <!--<a id="enus" class="btn btn-sm btn-outline-warning" href="">English</a>-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->
    </div>
</footer>
<th:block th:fragment="scriptlib">
    <!--这里可以放公共 js 库-->
    <!--中英文切换 js-->
    <script>
var pageUrl = window.location.pathname
$("#zhcn").attr("href",pageUrl + "?l=zh_CN")
$("#enus").attr("href",pageUrl + "?l=en_US")

    </script>
</th:block>
</body>
</html>
